/*
* ENTIRE PAGE STYLES ----------------------------------------------------
*/
body {
  margin: 0px;
  padding: 0px;
}
h1 {
  font: 1.5em sans-serif;
  color: #226;
  border-bottom: 1px solid #77d;
}
a {
  text-decoration: none;
}
a:hover {
  background-color: #E6FCFF;
}
hr {
  margin: 0px;
  padding: 0px;
  color: #F2FFFE;
}
.reportOptions {
  font-size: .7em;
  text-transform: uppercase;
}
/*
* LAYOUT STUFF ----------------------------------------------------------
*/
#banner { /* --NAV BANNER / TITLE BAR-- */
  background: #0099cc;
  height: 1em;
  width: 100%;
  margin: 0px;
  padding: 0px;
  padding-bottom: 4px;
  border-bottom: 1px solid black;
  font: small-caps 1em serif;
  color: #FFFFFF;
  text-align: left;
}
#columns { /* --LAYOUT OF THE PAGE COLUMNS-- */
  width: 1125px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  background: white;
}
#menu { /* --NAV MENU-- */
  background: #ECF4FF;
  font: small-caps .8em serif;
  padding: 0px 2px 2px 0px;
  float: left;
  text-align: right;
  width: 200px;
  border-style: solid;
  border-color: black;
  border-width: 1px;
	-moz-border-radius: 5px;
}
#main { /* -- WHERE THE YIELD IS -- */
  /*background-color: #FFC8E3; */
  float: left;
  width: 700px;
}
#flashNotice { /* -- APPLICATION FLASHES -- */
  font: .8em sans-serif;
  text-transform: uppercase;
}
#footer {
  margin-top: 10px;
  font: .6em sans-serif;
  text-transform: uppercase;
  width: 100%;
}
#footer hr {
  margin: 0px;
  padding: 0px;
  color: #F9FDFF;
}
#loaderArea {
  height: 5px;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.pagination {
  text-transform: uppercase;
  font-size: .8em;
}
/*
* BOXES AND STUFF -------------------------------------------------------
*/
#boxes { /* --STAT BOXES-- */
  /* background-color: #E0EAF8; */
  float: left;
  width: 200px;
}
#eventsBox {
  background: #CEF0FF;
  text-align: left;
  float: left;
  width: 100%;
  /*height: 200px;*/
  border-style: solid;
  border-color: black;
  border-width: 1px;
	-moz-border-radius: 5px;
}
#statsBox {
  background: #FFECEC;
  text-align: left;
  float: inherit;
  height: 200px;
  width: 100%;
  border-style: solid;
  border-color: black;
  border-width: 1px;
	-moz-border-radius: 5px;
  margin-top: 10px;
}
#toDoBox{
  background: #E7F3F1; /*#CEF0FF; */
  text-align: left;
  float: left;
  width: 100%;
  /*height: 200px;*/
  border-style: solid;
  border-color: black;
  border-width: 1px;
	-moz-border-radius: 5px;
  margin-top: 10px;
}
#eventsBox h3, #statsBox h3, #toDoBox h3 { /* --FOR THE TITLES-- */
	text-transform: uppercase;
  font-size: .8em;
  margin: 0px;
}
#eventsBox ul, #statsBox ul, #toDoBox ul{ /* --FOR THE LISTS-- */
  margin: 0px;
  margin-left: 14px;
  padding: 0px;
  padding-left: 2px;
  list-style: circle;
  font-size: .8em;
}
#toDoBox ul ul {
  font-size: 1em;
}
/*
* MAIN CONTENT PANEL ----------------------------------------------------
*/
#remoteFormForTraces {
  background: #D0E6FF;
  text-align: left;
  width: 95%;
  margin: auto;
  margin-bottom: 10px;
  border-style: solid;
  border-color: black;
  border-width: 1px;
	-moz-border-radius: 5px;  
}
#remoteFormForTraces h1 {
	text-transform: uppercase;
	font-size: 0.8em;
}
#remoteFormForTraces th {
	text-transform: uppercase;
	color: #7BA7E1;
}
#remoteFormForTraces tr {
	font-size: .75em;
}
#remoteFormForTraces table {
	width: 100%;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	padding: 0px;
	margin: 0px;
}

#homeContentPanel {
  background: #FDFDF0;
  text-align: left;
  
  width: 95%;
  margin: auto;
  
  border-style: solid;
  border-color: black;
  border-width: 1px;
	-moz-border-radius: 5px;
}
#homeContentPanel h3 {
  text-align: center;
	text-transform: uppercase;
  font-size: .8em;
  margin: 0px;
}
#homeContentPanel th {
  text-transform: uppercase;
  font-size: .8em;
  color: #80B584;
}
/*
* COMMON CONTROLLER STYLES-----------------------------------------------
*/
#basicListing {
	margin-top: 10px;
	width: 95%;
        margin: auto;
  padding-left: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	-moz-border-radius: 5px;	
}
#basicListing h1 {
	text-transform: uppercase;
	font-size: 0.8em;
}
#basicListing th {
	text-transform: uppercase;
	color: #7BA7E1;
}
#basicListing tr {
	font-size: .75em;
}
#basicListing table {
	width: 100%;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	padding: 0px;
	margin: 0px;
}
.softTableRow  {
  color: #6CA870;
}
/*
* AUTOCOMPLETE STYLES----------------------------------------------------
*/
.auto_complete {
      position:absolute;
      background-color:green;
      border:0px solid #888;
      margin:0px;
      padding:0px;
}
.auto_complete ul {
      list-style-type: none;
      margin:0px;
      padding:0px;
}
.auto_complete ul li.selected 
{ 
	    background-color: #FFFFC8;

}
.auto_complete ul li {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
      height:16px;
}

/*
* EVENT/TASK/REPORT LIST NAV STYLES----------------------------------------------------------
*/
ul#eventNav li ul{
  display: none;
}
ul#eventNav li:hover > ul {
  display: block;
}

ul#taskNav {
  text-transform: lowercase;
}
ul#taskNav li ul  {
  display: none;
}
ul#taskNav li:hover > ul {
  display: block;
}

ul#tracesByDayNav {
  list-style: circle;
}
ul#tracesByDayNav .byDateHeader {
  text-transform: uppercase;
	color: #7BA7E1; 
}
ul#tracesByDayNav .hiddenTable {
  display: none;
}
ul#tracesByDayNav li:hover > .hiddenTable {
  display: block;
}


/*
*FIELD FORMATTING STYLES (ERRRORS, ETC)------------------------------------
*/
.fieldWithErrors {
  display: inline;
}
.errorExplanation {
  
}
*/
/*
*PROGRESS BAR----------------------------------------------------------------------
*/
table.progress {
    border: 2px solid #D7D7D7;
    border-collapse: collapse;
    border-spacing: 0pt;
    empty-cells: show;
    text-align: center;
    float:left;
    margin: 1px 1px 1px 1px;
}

table.progress td { height: 0.9em; }
table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
table.progress td.done { background: #DEF0DE none repeat scroll 0%; }
table.progress td.open { background: #000 none repeat scroll 0%; }
p.percent {font-size: 80%;}
p.progress-info {clear: left; font-style: italic; font-size: 80%;}
/*
*REPORTS AND TOTALS, ETC---------------------------------------------------------
*/
.sumTotal {
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: black;
}
.priorityHigh {
  border-bottom: dotted #FF7575 2px;
}
.priorityMedium {
  border-bottom: dotted #5EAE9E 2px;
}
.priorityNormal {
}